<template>
  <view class="big-bc">
    <z-paging v-bind="$attrs" v-on="$listerner" @query="queryList" ref="paging">
      <template #top>
        <u-navbar :title="title" :showBack="showBack" :light="light"></u-navbar>
      </template>

      <view class="container">
        <!-- 搜索框 -->
        <view class="search-wrap">
          <uni-search-bar
            class="search"
            v-model="keyword"
            placeholder="请输入门店名称"
            bgColor="#fff"
            clearButton="auto"
            cancelButton="none"
            @confirm="onSearchConfirm"
            @clear="onClear"
          />
        </view>

        <view style="height: 20rpx"></view>
      </view>
    </z-paging>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    title: {
      type: String,
      default: "",
    },
    showBack: {
      type: Boolean,
      default: true,
    },
    light: {
      type: Boolean,
      default: false,
    },
  },
  methods: {
    queryList(pageNo, pageSize) {
      emit("query", { refVal: this.$refs.paging, pageNo, pageSize });
    },
  },
};
</script>

<style lang="less" scoped>
// .bc {
//   background-image: url("/static/images/home/home_bc.png");
//   background-size: 100% 100%;
// }
.container {
  box-sizing: border-box;
  // padding-bottom: 0;
  /* #ifdef APP-PLUS */
  height: 100%;
  /* #endif */
  /* #ifdef H5 */
  height: calc(100vh);
  /* #endif */
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
</style>
